<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
    <title>Document</title>
</head>
<body>
    <div ng-app="">
        <input type="text" ng-model="name">
        <p ng-bind="name"></p>
        <p>{{name}}</p>
        <h3 ng-init="age=19">{{age}}</h3>
        <input type="text" ng-model="age">
        <ul >
            <li ng-repeat="x in [1,2,3,4]">
                {{x}}
            </li>
        </ul>
        <div ng-app="myApp">
            <one-html></one-html>
        </div>
    </div>
    
    <script>
        var app = angular.module("myApp",[])
        app.directive('oneHtml',function(){
            return {
                template:"<h1>哇咔咔</h1>"
            }
        })
    </script>
</body>
</html>